/*重置样式库*/

@reset-global mobile;

input{
    border:none;
}
em{
    font-style:normal;
}
html,body{
    width:100%;
    height:100%;
}
body{
    font-size:16px;
}
.iconfont{
    font-size:20px;
}
.icon-zhifubao{
    color:rgb(60,152,227);
}
.icon-weixinzhifu1{
    color:rgb(65,176,53);
}

// font--------------------------------------------
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f30{font-size:30px;}
.f40{font-size:40px;}


// transiton---------------------------------------
.slide_in_top-enter-active,.slide_in_top-leave-to{
    transition: transform .5s linear;
}
.slide_in_top-enter,.slide_in_top-leave-active{
    transform: translate3d(0,-120%,0);
    transition: transform .5s linear;
}


.slide_in_left-enter-active,.slide_in_left-leave-to{
    transition: transform .5s;
    transform: translate3d(0,0,0);
}
.slide_in_left-enter,.slide_in_left-leave-active{
    // opacity: 0;
    transform: translate3d(-100%,0,0);
    transition: transform .5s
}
.slide_in_bottom-enter-active,.slide_in_bottom-leave-to{
    transition: transform .5s
}
.slide_in_bottom-enter,.slide_in_bottom-leave-active{
    transform: translate3d(0,100%,0);
    transition: transform .3s
}


.fade_in-enter-active{
    transition: all .3s linear .4s;
    opacity: 1
}
.fade_in-leave-active{
    transition: all .1s;
    opacity: 0;
}
.fade_in-enter,.fade_in-leave-to{
    opacity: 0;
}

.slide_all-enter-active,.slide_all-leave-active{
    transition: all .3s linear;
}

.slide_all-enter,.slide_all-leave-active{
    transition: all .3s linear;
    transform:translate3d(100%,0,0);
}